<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${session.title}">123</title>
    <link th:replace="common/header" />
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}" />
    <link th:replace="common/tip" />
    <script th:src="@{/js/masonry/jquery.masonry.min.js}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var $container = $('#masonry');
            $container.imagesLoaded(function(){
                $container.masonry({
                    itemSelector : '.box',
                    columnWidth : 20
                });
            });
        });
        function showview(id){
            if(id){
                document.form.action="/foot/photo/view?id=" + id;
                document.form.submit();
            }
        }
    </script>
    <style type="text/css">
        .container-fluid {
            padding: 10px;
        }
        .box {
            margin: 10px;float: left;width: 200px;
        }
        .box img {
            max-width: 100%;
        }
        .toolico16c{
            line-height:24px;
            margin:3px;
            height:48px;
        }
    </style>
</head>
<body class="navbar-fixed">
<div th:replace="common/top"></div>
<div class="container-fluid main_bg" id="main-container">
    <a id="menu-toggler" href="#"><span></span></a>
    <div th:replace="common/menu"></div>
    <div id="main-content" class="clearfix">
        <div id="page-content" class="clearfix">
            <div th:replace="common/title"></div>
            <h3 class="header smaller lighter blue"><em class="icon-list"></em>图库列表</h3>
            <form class="form-horizontal" th:object="${photoSearchForm}" method="post" th:action="@{/foot/photo/search}" name="form" th:if="${session.footUser.qx.text == '管理员'}">
                <div class="row-fluid">
                    <!--PAGE CONTENT BEGINS HERE-->
                    <div class="span12">
                        <div class="row-fluid">
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/add}"><em class="icon-plus"></em>添加</a>
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/more(type=0)}"><em class="icon-plus"></em>多个球员</a>
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/more(type=1)}"><em class="icon-plus"></em>多个大队壳</a>
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/more(type=2)}"><em class="icon-plus"></em>多个小队壳</a>
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/more(type=3)}"><em class="icon-plus"></em>多个大国籍</a>
                            <a class="btn btn-info" type="button" th:href="@{/foot/photo/more(type=4)}"><em class="icon-plus"></em>多个小国籍</a>
                            <button class="btn btn-danger" type="button" onclick="deleteall('/foot/photo/deleteall');"><em class="icon-remove-circle"></em>删除</button>
                            <a class="btn" type="button" th:href="@{/index}"><em class="icon-arrow-left"></em>返回首页</a>
                        </div>
                        <table style="width:100%" border="0">
                            <tbody>
                            <tr>
                                <th style="width:55px;">名称:</th>
                                <td style="width:auto;"><input th:field="*{name}" type="text" name="name" class="input_fix" placeholder="名称" /></td>
                                <th style="width:55px;">分类:</th>
                                <td style="width:auto;"> <select th:field="*{type}" name="type" id="type" class="input_fix" title=""> <option value="">全部</option> <option th:each="fl : ${T(org.footballmanager.pandafootball.system.domain.enums.FL).values()}" th:value="${fl}" th:text="${fl.text}">123</option> </select> </td>
                                <td style="width:120px;"> <button class="btn btn-info" style="float: right;" onclick="pagechange(1);"><em class="icon-search"></em>查询</button> </td>
                            </tr>
                            </tbody>
                        </table>
                        <table id="table_bug_report" class="table table-hover">
                            <thead>
                            <tr>
                                <th class="center" style="width:60px;"><label><a onclick="selectAll(this)">全/不选</a></label></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td colspan="2">
                                    <div id="masonry" class="container-fluid">
                                        <div class="box" th:each="t:${photoList}">
                                            <img th:src="@{'/' + ${t.url}}" th:onclick="'javascript:showview(' + ${t.id} + ')'" style="max-height:200px;" src="" alt="" class="hands" />
                                            <br />
                                            <div class="toolico16c">
                                                <label><input type="checkbox" name="selectIds" th:value="${t.id}" /><span class="lbl" th:text="${t.name + '.' + t.ext}">123.123</span></label>
                                                <a style="padding:0 3px" th:href="@{/foot/photo/edit(id=${t.id})}" class="toolbar-border16c"><em class="ico edit16c"></em>修改</a>
                                                <a class="tooltip-error" data-rel="tooltip" title="删除" data-placement="left" th:onclick="'javascript:deleteById(\'/foot/photo/delete?id=\', ' + ${t.id} + ')'"> <span class="red"><em class="icon-remove"></em></span></a>
                                            </div>
                                        </div>
                                    </div> </td>
                            </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="2">
                                    <div class="row-fluid" th:include="common/page :: page"></div> </td>
                            </tr>
                            </tfoot>
                        </table>
                        <!--/#page-content-->
                    </div>
                    <!--/#page-content-->
                </div>
            </form>
        </div>
        <div th:replace="common/skin :: skin"></div>
    </div>
    <!--/#main-content-->
</div>
<!--/.fluid-container#main-container-->
<div th:replace="common/jsList"></div>
</body>
</html>